<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
</body>
<script>
    //案例演示1：当窗口失去焦点时，输出“窗口失去焦点”
    // window.onblur=function(){
    //     console.log("窗口失去焦点")
    // }
    //案例演示2：当窗口获取焦点时，输出“窗口获取焦点”
    // window.onfocus=function(){
    //     console.log("窗口获取焦点")
    // }
    //案例演示3：当页面文档加载完成后，输出"Hello, World"
    // window.onload = function () {
    //     console.log("Hello,World");
    // };
    //案例演示4：当调整窗口大小时，输出"窗口大小正在改变"
    // window.onresize=function(){
    //     console.log("窗口大小正在改变")
    // }
</script>
</html>